<!-- 右侧悬浮 -->
<div class="suspension">
    <div class="suspension-list suspension-qq">
        <a href="http://wpa.qq.com/msgrd?v=3&uin=17620286&site=qq&menu=yes">
            <img src="__INDEX__/images/qq.png" alt="13365392580">
        </a>
    </div>
    <div class="suspension-list suspension-wechat">
        <img src="__INDEX__/images/wechat.png" alt="13365392580">
    </div>
    <div class="wechat-img">
        <img src="__INDEX__/images/wechatimg.jpg" alt="">
    </div>
    <div class="suspension-list suspension-phone">
        <img src="__INDEX__/images/phone.png" alt="13365392580">
    </div>
    <div class="phone-number">
        13365392580
    </div>
    <div class="suspension-list suspension-top">
        TOP
    </div>
</div>
<script>
    $(".suspension-phone").hover(function () {
        $(".phone-number").fadeIn();
        $(".phone-number").fadeIn("slow");
        $(".phone-number").fadeIn(3000);
    }, function () {
        $(".phone-number").fadeOut();
        $(".phone-number").fadeOut("slow");
        $(".phone-number").fadeOut(3000);
    });
    $(".suspension-wechat").hover(function () {
        $(".wechat-img").fadeIn();
        $(".wechat-img").fadeIn("slow");
        $(".wechat-img").fadeIn(3000);
    }, function () {
        $(".wechat-img").fadeOut();
        $(".wechat-img").fadeOut("slow");
        $(".wechat-img").fadeOut(3000);
    });
    $('.suspension-top').click(function () {
        $('html').animate({ scrollTop: '0' }, 500);
    })
</script>